<include file="./Tm/Dt/Top.html" />

<include file="./Tm/Dt/Left.html" />

<div id="right">
    <include file="./Tm/Dt/Nav.html" />
    <!--主要内容块-->
    <div class="main">
        <div class="con-box">
            <div class="con-title">
                <div class="title-box clearfix">
                    <p>产品详情</p>
                    <p class="jiao"></p>
                </div>
            </div>
            <div class="panel-footer">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="show-pics xqimg-box" style="margin-bottom: 10px; text-align: center; height: 300px;">
                                <img src="{$room.pic}" alt="{$room.productname}" height="100%" />
                            </div>
                            <div class="pics" style="width: 100px; height: 100px; text-align: center; cursor: pointer; float: left;">
                                <img src="{$pics[0]}" alt="{$room.productname}" width="100%" height="100%" />
                            </div>
                            <div class="pics" style="width: 100px; height: 100px; text-align: center; cursor: pointer; float: left; margin-left: 20px ;">
                                <img src="{$pics[1]}" alt="{$room.productname}" width="100%" height="100%" />
                            </div>
                        </div>
                        <div class="col-md-6">
                            <ul class="xqzl">
                                <li>商品名称：{$room.productname}</li>
                                <li>商品价格：￥{$room.price}</li>
                                <li>
                                	<!--<button type="button"  id="submit" class="btn btn-danger" onclick="doorder('{$room.id}');">立刻购买</button>-->
                                    <a class="btn btn-danger" href="/user/docart.html?id={$room.id}">加入购物车</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-12" style="padding: 10px;">
                        	{$room.content|htmlspecialchars_decode}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<include file="./Tm/Dt/Foot.html" />
<script type="text/javascript">
	var showPicsImg = $('.show-pics').children('img');
	$('.pics').click(function() {
		var _this = $(this);
		var tImg = showPicsImg.attr('src');
		showPicsImg.attr('src', _this.children('img').attr('src'));
		_this.children('img').attr('src', tImg);
	});
</script>